<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ife02</title>
    <link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.min.css">
</head>

<body>
    <div class="menu">
        <div class="options">
            <div class="items">
                <a href="#"><img width="22" src="./images/Airplane-Icon.png" alt="Airplane-Icon"></a>
                <a href="#"><img width="20" src="./images/Rocket-Icon.png" alt="Rocket-Icon"></a>
                <a href="#"><img width="22" src="./images/Game-Icon.png" alt="Game-Icon"></a>
                <a href="#"><img width="20" src="./images/Add-icon.png" alt="Add-icon"></a>
            </div>
            <div class="settings">
                <a href="#"><img src="./images/Grid.png" alt="Grid"></a>
                <a href="#"><img src="./images/Settings-Icon.png" alt="Settings-Icon"></a>
            </div>
        </div>
        <div class="management">
            <div class="item">
                <h4>MENU <img src="./images/Settings-Icon.png" alt="Settings-Icon" height="16"></h4>
                <p><a href="#">Overview</a><span></span></p>
                <p><a href="#">Sales</a><span class="badge">54</span></p>
                <p><a href="#">Your Staff</a><span></span></p>
                <p><a href="#">Analytics & Targeting</a><span></span></p>
                <p><a href="#">What’s New</a><span></span></p>
            </div>
            <div class="item products">
                <h4>Your Products <img src="./images/Settings-Icon.png" alt="Settings-Icon" height="16"></h4>
                <p><img width="16" height="16" src="./images/Book-of-Wisdom.png" alt="Book-of-Wisdom"> <a
                        href="#">Books</a></p>
                <p><img width="16" height="16" src="./images/Video-Camera.png" alt=""> <a href="#">Tutorials</a></p>
                <p><img width="16" height="16" src="./images/Painting.png" alt=""> <a href="#">Stocks</a></p>
                <p><img width="16" height="16" src="./images/Chart.png" alt=""> <a href="#">Infographics</a></p>
            </div>
            <div class="item">
                <h4>DASHBOARD <img src="./images/Settings-Icon.png" alt="Settings-Icon" height="16"></h4>
                <p><a href="#" class="active">Messages</a><span class="badge">21</span></p>
                <p><a href="#">Connections</a><span></span></p>
                <p><a href="#">Integrations</a><span class="badge warn">1</span></p>
                <p><a href="#">Account Settings</a><span></span></p>
                <p><a href="#">App Settings</a><span></span></p>
            </div>
            <div class="rate">
                <p>Monthly Goals $580<span>/$3200</span></p>
                <div class="bar">
                    <div class="total"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="header">
            <h2>Messages</h2>
            <div class="intro">
                <div class="online">
                    <img src="./images/pic-status.png" alt="pic-status">
                </div>
                <div class="info">
                    <em>Jordan J.</em>
                    <p>Administrator</p>
                </div>
                <div class="dropdown">
                    <a href="#"><img src="./images/dropdown.png" width="16" alt="dropdown"></a>
                </div>
                <div class="dropdownlist">
                    <div class="item">
                        <div class="left">
                            <img src="./images/pic-status.png" alt="pic-status">
                        </div>
                        <div class="right">
                            <em>Jordan J.</em>
                            <p>Administrator</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="left">
                            <img src="./images/pic-status.png" alt="pic-status">
                        </div>
                        <div class="right">
                            <em>Jordan J.</em>
                            <p>Administrator</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="body">
            <div class="left">
                <div class="search">
                    <input type="text" placeholder="Search">
                    <img src="./images/Search-icon.png" alt="Search-icon">
                </div>
                <div class="outercontainer">
                    <div class="innercontainer">
                        <ul>
                            <li class="active">
                                <div class="first">
                                    <img src="./images/Pic-female.png" alt="Pic-female">
                                    <div>
                                        <em>Bessie Berry</em>
                                        <p>Twitter</p>
                                    </div>
                                    <span>3m</span>
                                </div>
                                <div class="second">
                                    <p>I pay for the 4Mb/sec down, 512 Kb/sec up service from O2. In fact, it's
                                        relatively
                                        quick, and stable...</p>
                                    <span class="count">4</span>
                                </div>
                            </li>
                            <li>
                                <div class="first">
                                    <img src="./images/Face.png" alt="Face">
                                    <div>
                                        <em>Victor Weber</em>
                                        <p>Adobe</p>
                                    </div>
                                    <span>8m</span>
                                </div>
                                <div class="second">
                                    <p>I shared this on my fb wall a few months back, and I thought I'd share it here
                                        again because it's such a great...</p>
                                    <span></span>
                                </div>
                            </li>
                            <li>
                                <div class="first">
                                    <img src="./images/Face1.png" alt="Face1">
                                    <div>
                                        <em>Dustin Benson</em>
                                        <p>Facebook</p>
                                    </div>
                                    <span>Yesterday</span>
                                </div>
                                <div class="second">
                                    <p>If there is anyone who needs an invitation please add yourself in the comments of
                                        this post!</p>
                                    <span></span>
                                </div>
                            </li>
                            <li>
                                <div class="first">
                                    <img src="./images/Face2.png" alt="Pic-female">
                                    <div>
                                        <em>Jack Mason</em>
                                        <p>Yahoo</p>
                                    </div>
                                    <span>Yesterday</span>
                                </div>
                                <div class="second">
                                    <p>BruteDC is a peer-to-peer movie+tv series sharing and downloading platform which
                                        works on intranet inside...</p>
                                    <span></span>
                                </div>
                            </li>
                            <li>
                                <div class="first">
                                    <img src="./images/Face3.png" alt="Face3">
                                    <div>
                                        <em>Stephen Shelton</em>
                                        <p>Snapchat</p>
                                    </div>
                                    <span>13 Jun</span>
                                </div>
                                <div class="second">
                                    <p>Yes, p2p traffic is often filtered (QoSed). Although i do use BT on O2 wires, and
                                        in good
                                        days dl speed...</p>
                                    <span></span>
                                </div>
                            </li>
                            <li>
                                <div class="first">
                                    <img src="./images/Face4.png" alt="Face4">
                                    <div>
                                        <em>Sally Willis</em>
                                        <p>Twitter</p>
                                    </div>
                                    <span>12 Jun</span>
                                </div>
                                <div class="second">
                                    <p>Yes, it's O2: 'internet extreme', which is no longer offered.</p>
                                    <span></span>
                                </div>
                            </li>
                            <li>
                                <div class="first">
                                    <img src="./images/Face5.png" alt="Face5">
                                    <div>
                                        <em>Robert Patton</em>
                                        <p>A Team</p>
                                    </div>
                                    <span>9 Jun</span>
                                </div>
                                <div class="second">
                                    <p>I change my service from this 4Mb plan to their much cheaper 8Mb plan, my speed
                                        will dramatically decrease.</p>
                                    <span></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="tips">
                    <h5>Bessie Berry</h5>
                    <div class="operate">
                        <div class="first">
                            <button><img src="./images/User-icon.png" alt="User-icon"></button>
                            <button><img src="./images/Upload-icon.png" alt="Upload-icon"></button>
                            <button><img src="./images/Trash-icon.png" alt="Trash-icon"></button>
                        </div>
                        <span>|</span>
                        <div class="second">
                            <span>1 of 28</span>
                            <button><img src="./images/Arrow-left.png" alt="Arrow-left"></button>
                            <button><img src="./images/Arrow-right.png" alt="Arrow-right"></button>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="today">
                        <div class="item">
                            <div class="item-head">
                                <a href="#"><img src="./images/Pic-female.png" alt="female"></a>
                            </div>
                            <div class="item-body">
                                <h4>Bessie Berry <span> 8:31 AM</span></h4>
                                <p>Hi guys Ive got the O2 package and have really slow internet. A speed check online
                                    said i can get 3mbps but it seems more like 0.5 these days, just freezing and taking
                                    ages to open pages and open audio files for example. I have decided to switch to the
                                    UPC package which offers 10mbps but do you think i will get it?</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-head">
                                <a href="#"><img src="./images/Pic-male.png" alt="male"></a>
                            </div>
                            <div class="item-body">
                                <h4>Jordan Jackson <span> 8:31 AM</span></h4>
                                <p>I have internet for 9 month and nevere could benefit from the full capacity of
                                    5Mbit/s as it is filtered by O2 when it detect traffic on public p2p sharing in my
                                    situation all my internet speed slows to 512Kbit/s. I never had 400KB/s on when
                                    downloading from p2p public servers like torrent emule etc. I downoad with 500KB/s
                                    from private trakers instead. So conlcusion O2 block trafic on p2p connections. I
                                    have made hundreds of test in Italy and Sweden and Romania with the same file to
                                    doanload with the same setting and same antivirus and just needed to open ports in
                                    firewall and forward same ports and the speed was at full capacity in 1 minute. here
                                    in 9 month never had this luck.</p>
                            </div>
                        </div>
                    </div>
                    <div class="Yesterday">
                        <div class="title">Tuesday</div>
                        <div class="item">
                            <div class="item-head">
                                <a href="#"><img src="./images/Pic-female.png" alt="female"></a>
                            </div>
                            <div class="item-body">
                                <h4>Bessie Berry <span> 8:31 AM</span></h4>
                                <p>Hi guys Ive got the O2 package and have really slow internet. A speed check online
                                    said i can get 3mbps but it seems more like 0.5 these days, just freezing and taking
                                    ages to open pages and open audio files for example. I have decided to switch to the
                                    UPC package which offers 10mbps but do you think i will get it?</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-head">
                                <a href="#"><img src="./images/Pic-male.png" alt="male"></a>
                            </div>
                            <div class="item-body">
                                <h4>Jordan Jackson <span> 8:31 AM</span></h4>
                                <p>I have internet for 9 month and nevere could benefit from the full capacity of
                                    5Mbit/s as it is filtered by O2 when it detect traffic on public p2p sharing in my
                                    situation all my internet speed slows to 512Kbit/s. I never had 400KB/s on when
                                    downloading from p2p public servers like torrent emule etc. I downoad with 500KB/s
                                    from private trakers instead. So conlcusion O2 block trafic on p2p connections. I
                                    have made hundreds of test in Italy and Sweden and Romania with the same file to
                                    doanload with the same setting and same antivirus and just needed to open ports in
                                    firewall and forward same ports and the speed was at full capacity in 1 minute. here
                                    in 9 month never had this luck.</p>
                                <p>
                                    <div class="image-cover">
                                        <a href="#">
                                            <img src="./images/Pic-1.png" alt="Pic">
                                        </a>
                                        <div class="mask">
                                            <img src="./images/Open-icon.png" alt="Open" width="16" height="16">
                                        </div>
                                    </div>
                                    <div class="image-cover">
                                        <a href="#">
                                            <img src="./images/Pic-2.png" alt="Pic">
                                        </a>
                                        <div class="mask">
                                            <img src="./images/Open-icon.png" alt="Open" width="16" height="16">
                                        </div>
                                    </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="new">
                        <div class="title">New Messages</div>
                        <div class="item">
                            <div class="item-head">
                                <a href="#"><img src="./images/Pic-female.png" alt="female"></a>
                            </div>
                            <div class="item-body">
                                <h4>Bessie Berry <span> 8:31 AM</span></h4>
                                <p>Hi guys Ive got the O2 package and have really slow internet. A speed check online
                                    said i can get 3mbps but it seems more like 0.5 these days, just freezing and taking
                                    ages to open pages and open audio files for example. I have decided to switch to the
                                    UPC package which offers 10mbps but do you think i will get it?</p>
                            </div>
                        </div>
                        <div class="reply">
                            <button>+</button>
                            <input type="text"
                                value="Well, kinda both :) but more of that second option, i`ve seen many systems infected and crawling with">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>